<!DOCTYPE html>
<html class="x-admin-sm">

	<head>
		<meta charset="UTF-8">
		<title>欢迎页面-X-admin2.2</title>
		<meta name="renderer" content="webkit">
		<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->
		<!--<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />-->
		<link rel="stylesheet" href="./css/font.css">
		<link rel="stylesheet" href="./css/xadmin.css">
		<script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="./js/xadmin.js"></script>
		<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
		<!--[if lt IE 9]>
            <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
            <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
	</head>
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.cookie.js"></script>

	<body>
		<div class="layui-fluid">
			<div class="layui-row">
				<form class="layui-form" id="form1">
					<input type="hidden" id="s0" name="userId" />
					<div class="layui-form-item">
						<label for="username" class="layui-form-label">
                          <span class="x-red">*</span>登录名
                      </label>
						<div class="layui-input-inline">
							<input type="text" id="s1" name="loginName" required="" lay-verify="required" autocomplete="off" class="layui-input">
						</div>
						<div class="layui-form-mid layui-word-aux">
							<span class="x-red">*</span>将会成为您唯一的登入名
						</div>
					</div>
					<div class="layui-form-item">
						<label for="username" class="layui-form-label">
                          <span class="x-red">*</span>用户名
                      </label>
						<div class="layui-input-inline">
							<input type="text" id="s3" name="userName" required="" lay-verify="required" autocomplete="off" class="layui-input">
						</div>
						<div class="layui-form-mid layui-word-aux">
							<span class="x-red">*</span>将会成为您唯一的用户名
						</div>
					</div>
					<div class="layui-form-item">
						<label for="username" class="layui-form-label">
                          <span class="x-red">*</span>邮箱
                      </label>
						<div class="layui-input-inline">
							<input type="text" id="s4" name="email" required="" lay-verify="required" autocomplete="off" class="layui-input">
						</div>
						<div class="layui-form-mid layui-word-aux">
							<span class="x-red">*</span>将会成为您唯一的邮箱
						</div>
					</div>

					<div class="layui-form-item">
						<label for="username" class="layui-form-label">
                          <span class="x-red">*</span>电话
                      </label>
						<div class="layui-input-inline">
							<input type="text" id="s5" name="tel" required="" lay-verify="required" autocomplete="off" class="layui-input">
						</div>
						<div class="layui-form-mid layui-word-aux">
							<span class="x-red">*</span>将会成为您唯一的电话号码
						</div>
					</div>

					<div class="layui-form-item">
						<label for="username" class="layui-form-label">
                            <span class="x-red">*</span>角色
                        </label>
						<div class="layui-input-inline">
							<select name="roleId" id="sel">
							</select>
						</div>
					</div>
					<label for="L_repass" class="layui-form-label">
                      </label>
					<button type="button" class="layui-btn" lay-filter="add" lay-submit="" id="btn">
                                                   编辑
                      </button>
			</div>
			</form>
		</div>
		</div>

		<script>
			layui.use(['form', 'layer'],
				function() {
					$ = layui.jquery;
					var form = layui.form,
						layer = layui.layer;
					$.ajax({
						type: "get",
						url: "http://localhost:9095/admin/sysUser/listAll",
						async: true,
						headers: {
							"token2": $.cookie("token2")
						},
						data: {

						},
						success(msg) {
							var sel = $("#sel");
							$.each(msg.data, function(index, obj) {
								var opt = $("<option value=" + obj.roleId + ">" + obj.roleName + "</option>");
								sel.append(opt);
							})
							form.render();
						}
					});
				});
		</script>
		<script>
			$(function() {
				var id = $.cookie("id");
				$.ajax({
					type: "get",
					url: "http://localhost:9095/admin/sysUser/init",
					async: true,
					headers: {
						"token2": $.cookie("token2")
					},
					data: {
						"id": id,
					},
					success(msgs) {
						var msg = msgs.data;
						console.log(msg);
						document.getElementById("s0").value = msg.userId;
						document.getElementById("s1").value = msg.loginName;
						document.getElementById("s3").value = msg.userName;
						document.getElementById("s4").value = msg.email;
						document.getElementById("s5").value = msg.tel;
						$("#sel").val(msg.roleId);
						layui.form.render("select");

					}
				});

				$("#btn").click(function() {
					$.ajax({
						type: "post",
						url: "http://localhost:9095/admin/sysUser/update",
						headers: {
							"token2": $.cookie("token2")
						},
						data:$("#form1").serialize(),
						async: true,
						success(msg) {
							if(msg.code == 600) {
								alert("更新成功");
								xadmin.close();

								// 可以对父窗口进行刷新 
								xadmin.father_reload();
							} else {
								alert("更新失败")
							}
						}
					});
				});

			})
		</script>

	</body>

</html>